<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式表 -->
     <style>
        /* 标签选择器 标签名{} 选择所有标签 */
        div{
            background-color: wheat;
            width: 100px;
            height: 100px;
        }
        /* id选择器 */
        #one{
            background-color: aqua;
            /* 字体大小 */
            font-size: 28px;
        }
     </style>
</head>
<body>
    <!-- 标签的通用属性：
    id：唯一标识一个元素 类似于身份证
    class：标识一类元素 类似于人名
    style：内联样式 行内样式 给标签设计样式
    title ：鼠标悬浮在标签上的文字说明
    -->
    <div id="one" class="first" style="width: 100px;height: 100px;"title="我是div的一个title">块级元素</div>
    <div>块级元素1</div>
    <div>块级元素2</div>
</body>
</html>